<script setup lang="ts">
import { myStore } from '@/store/my';
import PersonInfo from './components/PersonInfo.vue';
import PersonAdvantage from './components/PersonAdvantage.vue';
import PositionType from './components/PositionType.vue';
import ExcellentSkill from './components/ExcellentSkill.vue';
import WorkExperience from './components/WorkExperience.vue';
import ProjectExperience from './components/ProjectExperience.vue';
import EducationExperience from './components/EducationExperience.vue';

const store = myStore()
store.getResumeDetail()
store.getResumeDict()

// 返回
const leftBack = () => history.back()
</script>

<template>
    <van-nav-bar title="预览简历" left-arrow @click-left="leftBack" />
    <div class="resume">
        <PersonInfo page="preview" :item="store.resumeInfo" />
        <PersonAdvantage page="preview" />
        <PositionType page="preview" />
        <ExcellentSkill page="preview" />
        <WorkExperience page="preview" />
        <ProjectExperience page="preview" />
        <EducationExperience page="preview" />
    </div>
</template>

<style scoped>
.resume {
    height: calc(100vh - 46px);
    overflow: auto;
}
</style>